<!DOCTYPE HTML>
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=1280" />
		<link href="favicon.ico" rel="shortcut icon" type="image/x-icon" />
		<link rel="stylesheet" href="css/index.css">
		<script src="js/index.js" type="text/javascript" charset="utf-8"></script>
		<title>小米-Xiaomi</title>
	</head>
	<body>
		<!-- 页面的顶部 -->
		<div id="top">
			<div class="containter">
				<div class="left">
					<ul>
						<li><a href="#">小米商城</a></li>
						<li><a href="#">MIUI</a></li>
						<li><a href="#">23215220127 梁林</a></li>
						
					</ul>
				</div>
				<div class="right">
					<ul>
						<li><a href="account.html" target="_blank">登录</a></li>
						<li><a href="account.html" target="_blank">注册</a></li>
						<li class="endli"><a href="account.html" target="_blank">消息通知</a></li>
					</ul>
				</div>
			</div>
		</div>
		<!-- 头部 -->
		<div id="header">
			<div class="containter">
				<div class="left header_left">
					<a href="http://www.mi.com"><img src="img/logo.jpg" /></a>
				</div>
				<div class="right nav">
					<input type="text" placeholder="请输入搜索的内容" />
					<button type="button">搜索</button>
				</div>
				<div class="right">
					<ul>
						<li>
							<a href="#">Xiaomi手机</a>
							<ul class="u1">
								
							</ul>
						</li>
						<li>
							<a href="#">Redmi红米</a>
							<ul class="u2">
								
							</ul>
						</li>
						<li>
							<a href="#">电视</a>
							<ul class="u3">
								
							</ul>
						</li>
						<li>
							<a href="#">笔记本</a>
							<ul class="u4">
								
							</ul>
						</li>
						<li>
							<a href="#">平板</a>
							<ul class="u5">
								
							</ul>
						</li>
						<li>
							<a href="#">家电</a>
							<ul class="u6">
								
							</ul>
						</li>
						<li>
							<a href="#">路由器</a>
							<ul class="u7">
								
							</ul>
						</li>
						<li><a href="#">服务</a></li>
						<li><a href="#">社区</a></li>
					</ul>
				</div>
			</div>
		</div>
		<!-- 轮播图 -->
		<div id="lunbo">
			<div class="lunbo_main containter">
				<img class="lunbo_shang" style="width: 80px;" src="img/zuo2.png" />
				<img onclick="shang()" class="lunbo_shang dian" class="lunbo_shang" style="width: 80px;"
					src="img/zuo1.png" />
				<img id="lunbo_i" src="img/lun1.jpg" />
				<img class="lunbo_xia" style="width: 80px;" src="img/you2.png" />
				<img onclick="xia()" class="lunbo_xia dian" class="lunbo_xia" style="width: 80px;" src="img/you1.png" />
				<div>
					<button class="lunbo_b" onclick="dian(0)" style="background-color: #ffffff"></button>
					<button class="lunbo_b" onclick="dian(1)"></button>
					<button class="lunbo_b" onclick="dian(2)"></button>
					<button class="lunbo_b" onclick="dian(3)"></button>
				</div>
				<script type="text/javascript">
					setInterval("bofang()", 5000);
				</script>
			</div>
		</div>
		<!-- 主体 -->
		<div id="main">
			<div class="containter">
				<div class="main_top">
					<div class="left">手机</div>
				</div>
				<div class="main_body">
					<div class="left main_left">  
					     <a href="tailproduct_de.html"><img src="img/d10.webp" /></a>   
					</div>
					<div class="right main_right">
						<ul>
							<li>
								<a href="product_detail.html"><img src="img/d11.webp" /></a>
								<p class="main_right_p1">Xiaomi 11 青春活力版</p>
								<p class="main_right_p2">轻薄5G，内外皆出彩</p>
								<p class="main_right_p3">1999元起</p>
							</li>
							<li>
								<a href="#"><img src="img/d12.webp" /></a>
								<p class="main_right_p1">Redmi Note 11 Pro系列</p>
								<p class="main_right_p2">Redmi Note 11 Pro系列</p>
								<p class="main_right_p3">1799元起</p>
							</li>
							<li>
								<a href="#"><img src="img/d13.webp" /></a>
								<p class="main_right_p1">Redmi Note 11 5G</p>
								<p class="main_right_p2">5000mAh大电量</p>
								<p class="main_right_p3">1199元起</p>
							</li>
							<li>
								<a href="#"><img src="img/d14.webp" /></a>
								<p class="main_right_p1">Redmi Note 11 4G</p>
								<p class="main_right_p2">5000mAh大电量</p>
								<p class="main_right_p3">999元起</p>
							</li>
							<li>
								<a href="#"><img src="img/d15.webp" /></a>
								<p class="main_right_p1">黑鲨4S Pro</p>
								<p class="main_right_p2">磁动力升降肩键</p>
								<p class="main_right_p3">4799元起</p>
							</li>
							<li>
								<a href="#"><img src="img/d16.webp" /></a>
								<p class="main_right_p1">黑鲨4S</p>
								<p class="main_right_p2">磁动力升降肩键</p>
								<p class="main_right_p3">2699元起</p>
							</li>
							<li>
								<a href="#"><img src="img/d17.webp" /></a>
								<p class="main_right_p1">Xiaomi Civi</p>
								<p class="main_right_p2">3200万高清质感自拍</p>
								<p class="main_right_p3">2599元起</p>
							</li>
							<li>
								<a href="#"><img src="img/d18.webp" /></a>
								<p class="main_right_p1">Xiaomi MIX 4</p>
								<p class="main_right_p2">CUP全面屏</p>
								<p class="main_right_p3">4199元起<span class="yuanjia">4999元</span></p>
							</li>
						</ul>
					</div>
				</div>
			</div>
			<div class="containter">
				<div class="main_top">
					<div class="left main_top_left">智能穿戴</div>
					<div class="right main_top_right">
						<p class="right main_top_right1_p" onmouseover="chuandai(1,2)">穿戴</p>
						<p class="right main_top_right1_p" onmouseover="chuandai(2,1)"
							style="color: #FF6700; font-weight: 600;">热门</p>
					</div>
				</div>
				<div class="main_body">
					<div class="left main_left">
						<img src="img/d20.webp" />
					</div>
					<div id="chuandai1" class="right main_right">
						<ul>
							<li>
								<a href="#"><img src="img/d21.webp" /></a>
								<p class="main_right_p1">Redmi 手表 2</p>
								<p class="main_right_p2">AMOLED高清大屏</p>
								<p class="main_right_p3">399元</p>
							</li>
							<li>
								<a href="#"><img src="img/d22.webp" /></a>
								<p class="main_right_p1">小米手环6 NFC版</p>
								<p class="main_right_p2">全屏实力</p>
								<p class="main_right_p3">269元<span class="yuanjia">279元</span></p>
							</li>
							<li>
								<a href="#"><img src="img/d23.webp" /></a>
								<p class="main_right_p1">Redmi 手表</p>
								<p class="main_right_p2">35g超轻/1.4"大屏/多功能NFC/7天长...</p>
								<p class="main_right_p3">269元<span class="yuanjia">299元</span></p>
							</li>
							<li>
								<a href="#"><img src="img/d24.webp" /></a>
								<p class="main_right_p1">Xiaomi 真无线降噪耳机 3 Pro</p>
								<p class="main_right_p2">动态降噪 静听曼妙</p>
								<p class="main_right_p3">699元</p>
							</li>
							<li>
								<a href="#"><img src="img/d25.webp" /></a>
								<p class="main_right_p1">Redmi Buds 3半入耳蓝牙耳机</p>
								<p class="main_right_p2">轻巧半入耳，舒适有天分</p>
								<p class="main_right_p3">199元</p>
							</li>
							<li>
								<a href="#"><img src="img/d26.webp" /></a>
								<p class="main_right_p1">Redmi Buds 3青春版</p>
								<p class="main_right_p2">轻巧无线 持久动听</p>
								<p class="main_right_p3">99元</p>
							</li>
							<li>
								<a href="#"><img src="img/d27.webp" /></a>
								<p class="main_right_p1">Redmi AirDots 3 Pro</p>
								<p class="main_right_p2">智能降噪 超低延迟</p>
								<p class="main_right_p3">299元<span class="yuanjia">349元</span></p>
							</li>
							<li>
								<a href="#"><img src="img/gengduo.png" /></a>
							</li>
						</ul>
					</div>
					<div id="chuandai2" class="right main_right">
						<ul>
							<li>
								<a href="#"><img src="img/d31.webp" /></a>
								<p class="main_right_p1">小米手环6</p>
								<p class="main_right_p2">全屏实力</p>
								<p class="main_right_p3">229元</p>
							</li>
							<li>
								<a href="#"><img src="img/d32.webp" /></a>
								<p class="main_right_p1">小米手环5 NFC版</p>
								<p class="main_right_p2">多功能NFC 11种运动模式</p>
								<p class="main_right_p3">199元<span class="yuanjia">229元</span></p>
							</li>
							<li>
								<a href="#"><img src="img/d33.webp" /></a>
								<p class="main_right_p1">小米手环5</p>
								<p class="main_right_p2">磁吸式充电</p>
								<p class="main_right_p3">169元<span class="yuanjia">189元</span></p>
							</li>
							<li>
								<a href="#"><img src="img/d34.webp" /></a>
								<p class="main_right_p1">Redmi AirDots 3真无线蓝牙耳机</p>
								<p class="main_right_p2">圈铁音质，超长续航</p>
								<p class="main_right_p3">199元</p>
							</li>
							<li>
								<a href="#"><img src="img/d35.webp" /></a>
								<p class="main_right_p1">小米真无线蓝牙耳机 Air 2 Pro</p>
								<p class="main_right_p2">主动降噪/持久续航/无线充</p>
								<p class="main_right_p3">449元<span class="yuanjia">699元</span></p>
							</li>
							<li>
								<a href="#"><img src="img/d36.webp" /></a>
								<p class="main_right_p1">小米真无线蓝牙耳机Air2 SE</p>
								<p class="main_right_p2">放肆用，畅快听</p>
								<p class="main_right_p3">129元<span class="yuanjia">169元</span></p>
							</li>
							<li>
								<a href="#"><img src="img/gengduo.png" /></a>
							</li>
						</ul>
					</div>
				</div>
			</div>
			<div class="containter">
				<div class="main_top">
					<div class="left main_top_left">家电</div>
					<div class="right main_top_right">
						<p class="right main_top_right2_p" onmouseover="jiadian(1,2)">电视影音</p>
						<p class="right main_top_right2_p" onmouseover="jiadian(2,1)"
							style="color: #FF6700; font-weight: 600;">热门</p>
					</div>
				</div>
				<div class="main_body">
					<div class="left main_left">
						<img class="main_img" src="img/d401.webp" />
						<img class="main_img" src="img/d402.webp" />
					</div>
					<div id="jiadian1" class="right main_right">
						<ul>
							<li>
								<a href="#"><img src="img/d41.webp" /></a>
								<p class="main_right_p1">小米电视6 65" OLED</p>
								<p class="main_right_p2">小米电视6 65" OLED</p>
								<p class="main_right_p3">6999元</p>
							</li>
							<li>
								<a href="#"><img src="img/d42.webp" /></a>
								<p class="main_right_p1">小米电视6 至尊版 65英寸</p>
								<p class="main_right_p2">画质新境界</p>
								<p class="main_right_p3">7499元<span class="yuanjia">7999元</span></p>
							</li>
							<li>
								<a href="#"><img src="img/d43.webp" /></a>
								<p class="main_right_p1">小米电视 ES55 2022款</p>
								<p class="main_right_p2">多分区，画质轻旗舰</p>
								<p class="main_right_p3">2999元</p>
							</li>
							<li>
								<a href="#"><img src="img/d44.webp" /></a>
								<p class="main_right_p1">米家互联网对开门冰箱 540L</p>
								<p class="main_right_p2">重磅新品福利特惠</p>
								<p class="main_right_p3">2899元<span class="yuanjia">3699元</span></p>
							</li>
							<li>
								<a href="#"><img src="img/d45.webp" /></a>
								<p class="main_right_p1">米家超薄电磁炉</p>
								<p class="main_right_p2">纤薄美学，精准猛火</p>
								<p class="main_right_p3">499元</p>
							</li>
							<li>
								<a href="#"><img src="img/d46.webp" /></a>
								<p class="main_right_p1">米家集尘扫拖机器人</p>
								<p class="main_right_p2">自动倒垃圾，45天不沾手</p>
								<p class="main_right_p3">2999元</p>
							</li>
							<li>
								<a href="#"><img src="img/d47.webp" /></a>
								<p class="main_right_p1">Redmi全自动波轮洗衣机1A 8kg</p>
								<p class="main_right_p2">一键操作，父母都爱用</p>
								<p class="main_right_p3">299元<span class="yuanjia">349元</span></p>
							</li>
							<li class="jiadian_8">
								<div>
									<p class="main_right_p1">米家电烤箱</p>
									<p class="main_right_p3">299元</p>
								</div>
								<a href="#"><img src="img/d48.webp" /></a>
							</li>
							<li>
								<a href="#"><img src="img/gengduo.png" /></a>
							</li>
						</ul>
					</div>
					<div id="jiadian2" class="right main_right">
						<ul>
							<li>
								<a href="#"><img src="img/d51.webp" /></a>
								<p class="main_right_p1">小米电视4A 70英寸</p>
								<p class="main_right_p2">大屏更享受</p>
								<p class="main_right_p3">3499元<span class="yuanjia">3699</span></p>
							</li>
							<li>
								<a href="#"><img src="img/d52.webp" /></a>
								<p class="main_right_p1">全面屏电视 55英寸 E55X</p>
								<p class="main_right_p2">潮流全面屏设计</p>
								<p class="main_right_p3">2099元<span class="yuanjia">2229元</span></p>
							</li>
							<li>
								<a href="#"><img src="img/d53.webp" /></a>
								<p class="main_right_p1">小米电视4A 60英寸</p>
								<p class="main_right_p2">人工智能语言系统，超高清画质</p>
								<p class="main_right_p3">2499元<span class="yuanjia">2799元</span></p>
							</li>
							<li>
								<a href="#"><img src="img/d54.webp" /></a>
								<p class="main_right_p1">小米电视EA75 2022款</p>
								<p class="main_right_p2">新一代金属全面屏</p>
								<p class="main_right_p3">4199元<span class="yuanjia">4599元</span></p>
							</li>
							<li>
								<a href="#"><img src="img/d55.webp" /></a>
								<p class="main_right_p1">小米全面屏电视65英寸 E65X</p>
								<p class="main_right_p2">全面屏设计</p>
								<p class="main_right_p3">2699元<span class="yuanjia">2999元</span></p>
							</li>
							<li>
								<a href="#"><img src="img/d56.webp" /></a>
								<p class="main_right_p1">小米电视4C 32英寸</p>
								<p class="main_right_p2">高清液晶屏，人工智能系统</p>
								<p class="main_right_p3">849元<span class="yuanjia">899元</span></p>
							</li>
							<li>
								<a href="#"><img src="img/d57.webp" /></a>
								<p class="main_right_p1">Redmi智能电视A55</p>
								<p class="main_right_p2">澎湃音效影院级体验</p>
								<p class="main_right_p3">1799元<span class="yuanjia">1999元</span></p>
							</li>
							<li class="jiadian_8">
								<div>
									<p class="main_right_p1">Redmi MAX</p>
									<p class="main_right_p3">7777元</p>
								</div>
								<a href="#"><img src="img/d58.webp" style="margin-left: -3px;" /></a>
							</li>
							<li>
								<a href="#"><img src="img/gengduo.png" /></a>
							</li>
						</ul>
					</div>
				</div>
			</div>
		</div>
		<!-- 服务 -->
		<div id="fuwu">
			<div class="containter">
				<div><a href="#">预约维修服务</a></div>
				<div><a href="#">七天无理由退货</a></div>
				<div><a href="#">15天免费换货</a></div>
				<div><a href="#">满69包邮</a></div>
				<div class="fuwu_end"><a href="#">520余家售后网点</a></div>
			</div>
		</div>
		<!-- 售后 -->
		<div id="shouhou">
			<div class="containter">
				<div class="left shouhou_left">
					<ul>
						<li class="shouhou_l1">帮助中心</li>
						<li><a href="#">账户管理</a></li>
						<li><a href="#">购物指南</a></li>
						<li><a href="#">订单操作</a></li>
					</ul>
					<ul>
						<li class="shouhou_l1">服务支持</li>
						<li><a href="#">售后政策</a></li>
						<li><a href="#">自动服务</a></li>
						<li><a href="#">相关下载</a></li>
					</ul>
					<ul>
						<li class="shouhou_l1">线下门店</li>
						<li><a href="#">小米之家</a></li>
						<li><a href="#">服务网点</a></li>
						<li><a href="#">授权体验店/专区</a></li>
					</ul>
					<ul>
						<li class="shouhou_l1">关于小米</li>
						<li><a href="#">了解小米</a></li>
						<li><a href="#">加入小米</a></li>
						<li><a href="#">投资者关系</a></li>
						<li><a href="#">企业社会责任</a></li>
						<li><a href="#">廉洁举报</a></li>
					</ul>
					<ul>
						<li class="shouhou_l1">关注我们</li>
						<li><a href="#">新浪微博</a></li>
						<li><a href="#">官方微信</a></li>
						<li><a href="#">联系我们</a></li>
						<li><a href="#">公益基金会</a></li>
					</ul>
					<ul>
						<li class="shouhou_l1">特色服务</li>
						<li><a href="#">F码通道</a></li>
						<li><a href="#">礼物码</a></li>
						<li><a href="#">防伪查询</a></li>
					</ul>
				</div>
				<div class="right shouhou_right">
					<p class="shouhou_p1">400-100-5678</p>
					<p class="shouhou_p2">8:00-18:00（仅收市话费）</p>
					<a class="shouhou_a" href="#">人工客服</a>
				</div>
			</div>
		</div>
		<!-- 页脚 -->
		<div id="footer">
			<div class="containter">
				<img src="img/logo.jpg">
				<p>23215220127 23网络1班 梁林</p>
			</div>
		</div>
		<!-- 侧边 -->
		<div id="cebian">
			<!-- <div class="cebian_d">
				<a href="account.html" target="_blank">
					<img class="cebian_i1" src="img/f11.png" />
					<img class="cebian_i2" src="img/f01.png" />
					<div class="erweima">
						<img src="img/erweima.png" />
						<p>扫码领取新人百元红包</p>
					</div>
					<p>手机APP</p>
				</a>
			</div>
			<div class="cebian_d">
				<a href="account.html" target="_blank">
					<img class="cebian_i1" src="img/f12.png" />
					<img class="cebian_i2" src="img/f02.png" />
					<p>个人中心</p>
				</a>
			</div>
			<div class="cebian_d">
				<a href="account.html" target="_blank">
					<img class="cebian_i1" src="img/f13.png" />
					<img class="cebian_i2" src="img/f03.png" />
					<p>售后服务</p>
				</a>
			</div>
			<div class="cebian_d">
				<a href="account.html" target="_blank">
					<img class="cebian_i1" src="img/f14.png" />
					<img class="cebian_i2" src="img/f04.png" />
					<p>人工客服</p>
				</a>
			</div>
			<div class="cebian_d">
				<a href="account.html" target="_blank">
					<img class="cebian_i1" src="img/f15.png" />
					<img class="cebian_i2" src="img/f05.png" />
					<p>购物车</p>
				</a>
			</div>
			<div id="totop" class="cebian_d cebian_end">
				<a href="javascript:;">
					<img class="cebian_i1" src="img/f10.png" />
					<img class="cebian_i2" src="img/f00.png" />
					<p>回顶部</p>
				</a>
			</div> -->
		</div>
	</body>
	<script type="text/javascript">
		window.onload = function() {
			var totop = document.getElementById("totop");
			var header = document.getElementById("header");
			var headerTop = header.offsetTop;
			var pageHeight = 700;
			totop.onclick = function() {
				timer = setInterval("gundong()", 30);
			}
			window.onscroll = function() {
				var backtop = document.documentElement.scrollTop;
				if (backtop >= pageHeight) {
					totop.style.display = "block";
				} else {
					totop.style.display = "none";
				}
				if (backtop >= headerTop) {
					header.style.position = "fixed";
					header.style.top = 0;
					header.style.left = 0;
					header.style.zIndex = 100;
				} else {
					header.style.position = "";
				}
			}
		}
	</script>
</html>
